<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" 	prefix="s"%>
<%@ include file="/jsp/common/common_head.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>示界港管理平台</title>
<%@ include file="/jsp/common/common_script.jsp"%>
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
<style type="text/css">
</style>
<script type="text/javascript">
 var g_userId = '<%=session.getAttribute("userId")%>';
</script>
</head>
<body>
<table class="queryTable" >
	<tr>
		<td class="queryTitle" width="68px">专题大分类</td>
		<td class="queryContent">
			<select id="queryTopicType" name="queryTopicType" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" >
				<option value="0" selected>[不限]</option>
				<option value="1">单页</option>
				<option value="2">多页</option>
				<option value="3">PPT</option>
				<option value="4">印品</option>
				<option value="6">社交媒体</option>
				<option value="7">电商</option>
				<option value="8">微商</option>
			</select>
		</td>
		<td class="queryTitle" width="68px">用途</td>
		<td class="queryContent">
			<select id="queryTopicUse" name="queryTopicUse" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" >
				<option value="0" selected>[不限]</option>
				<option value="1">热门</option>
				<option value="2">专题</option>
			</select>
		</td>
		<td class="queryTitle" width="68px">发布状态</td>
		<td class="queryContent">
		    <select id="queryPublish" name="queryPublish" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px">
	    		<option value="-1" selected>[不限]</option>
				<option value="0">未发布</option>
				<option value="1">已发布</option>
			</select> 
		</td>
	</tr>
	<tr>
		<td class="queryTitle" width="68px">标题名称</td>
		<td class="queryContent" colspan="4">
			<input class="inputText" type="text" style="width:300px" id="queryTopicTitle" />
		</td>
		<td class="queryBtnTd">
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery()">查询</a>
		</td>
	</tr>
</table>

<table id="topicGrid"></table>

<div id="orderDlg" class="easyui-window" title="" closed="true" style="width:428px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="orderForm"  method="POST">
			<s:hidden name="orderStId" id="orderStId"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="orderTable">
				<tr>	
					<td class="queryTitle" width="80px">显示顺序</td>
					<td class="queryContent">
						<s:textfield id="order" name="order" cssClass="inputText easyui-validatebox" data-options="" onkeyup="value=value.replace(/[^\d]/gi,'')" cssStyle="width:250px"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="orderBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doUpdOrder()">确定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelUpdOrder()">取消</a>
    </div>
</div>

<div id="editDlg" class="easyui-window" title="" closed="true" style="width:700px; height:380px;text-align:center; background: #fff;">
	<div border="false" style="padding-left:10px;padding-right:10px">
		<form id="editForm"  method="POST">
			<s:hidden name="editStId" id="editStId"/>
			<s:hidden name="editCurType" id="editCurType"/>
			<table border="0" class="queryTable" width="96%" height="auto" style="margin-bottom:0px;" id="editTable">
				<tr id="trForNew">
					<td class="queryTitle" width="80px">专题大分类</td>
					<td class="queryContent">
						<select id="editTopicType" name="editTopicType" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 110px" ></select>
					</td>
					<td class="queryTitle" width="80px">专题中分类</td>
					<td class="queryContent">
						<select id="editTopicType2" name="editTopicType2" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 110px" ></select>
					</td>
					<td class="queryTitle" width="80px">专题小分类</td>
					<td class="queryContent">
						<select id="editTopicType3" name="editTopicType3" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 110px" ></select>
					</td>
				</tr>
				<tr id="trForEdit">
					<td class="queryTitle" width="80px">当前分类</td>
					<td class="queryContent" colspan="5">
						<span id="showTypeForEdit" style="color:red;"></span>
					</td>
				</tr>
				<tr>
					<td class="queryTitle" width="80px">用途</td>
					<td class="queryContent">
						<select id="editTopicUse" name="editTopicUse" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 110px" >
							<option value="1">热门</option>
							<option value="2" selected>专题</option>
						</select>
					</td>
					<td class="queryTitle" width="80px">专题名称</td>
					<td class="queryContent" colspan="3">
						<input class="inputText" type="text" style="width:300px" id="editTopicTitle" />
					</td>
				</tr>
				<tr>	
					<td class="queryTitle" width="80px">专题简介</td>
					<td class="queryContent" colspan="5">
						<textarea id="editTopicDesc" name="editTopicDesc" rows="5" cols="55" class="inputText easyui-validatebox" style="width:100%;resize:none;" data-options="required:true,validType:['maxLength[180]']"></textarea>
					</td>
				</tr>
				<tr>
					<td class="queryTitle" width="80px" height="100px">专题配图</td>
					<td class="queryContent" colspan="4">
						<div style="display:table;text-align:center;height:100px;width:200px">
	        				<span style="display:table-cell;vertical-align:middle" id="topicImg">
	        				</span>
	        			</div>
					</td>
					<td class="queryContent">
						<a class="easyui-linkbutton" id="selImgFile" iconCls="icon-add" href="javascript:void(0)" >选择图像</a>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="editBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doEdit()">保存</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelEdit()">取消</a>
    </div>
</div>

<!--专题 设计模板列表 -->
<div id="tDesignDlg" class="easyui-window" closed="true" style="width:1080px;height:550px;text-align:center; background: #fff;">
		<form id="tDesignForm"  method="POST" style="width:1020px;height:490px;padding-left:10px;padding-right:10px;">
				<s:hidden id="st_id"></s:hidden>
				<s:hidden id="stType"></s:hidden>
				<table class="queryTable" style="margin-top: 2px;">
					 <tr>
						<td class="queryTitle" width="68px"><span style="color:red;">专题ID:</span></td>
						<td class="queryContent" width="68px">
							<span id="stId" style="width:80px;color: green;" align="center"></span>
						</td>
						<td class="queryTitle" width="68px"><span style="color:red;">专题标题:</span></td>
						<td class="queryContent" width="68px">
							<span id="stTitle" style="width:80px;color: green;" align="center"></span>
						</td>
					</tr>
				</table>
				<table id="tDesignGrid"></table>
		</form>
</div>

<!-- 设计详情 -->
<div id="sDesignDlg" class="easyui-window" closed="true" style="width:1150px;height:600px;text-align:center; background: #fff;">
	 <div style="padding-left:10px;padding-right:10px;">
	 <form id="sDesignForm"  method="POST">
		<table class="queryTable" >
			<tr>
				<td class="queryTitle" width="120px" colspan="2" rowspan="2" align="center">
					<a href="javascript:void(0)" class="easyui-linkbutton" onclick="addToSpecial()">添加到专题</a>
				</td>
				<td class="queryTitle" width="68px">提纲大分类</td>
				<td class="queryContent">
					<select id="queryTmplType" name="queryTmplType" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" ></select>
				</td>
				<td class="queryTitle" width="68px">提纲中分类</td>
				<td class="queryContent">
					<select id="queryTmplType2" name="queryTmplType2" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" ></select>
				</td>
				<td class="queryTitle" width="68px">提纲小分类</td>
				<td class="queryContent">
					<select id="queryTmplType3" name="queryTmplType3" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" ></select>
				</td>
				<td class="queryTitle" width="50px">VIP</td>
				<td class="queryContent">
				    <select id="queryVip" name="queryVip" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 100px" >
					</select> 
				</td>
			</tr>
			<tr>
				<td class="queryTitle" width="68px">设计模版名</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryTmplName" />
				</td>
				<td class="queryTitle" width="68px">设计模版ID</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryTmplId" />
				</td>
				<td class="queryTitle" width="68px">关联商品ID</td>
				<td class="queryContent">
					<input class="inputText" type="text" id="queryItemId" />
				</td>
				<td class="queryBtnTd" colspan="2">
					<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery3(1)">查询</a>
				</td>
			</tr>
		</table>
		<div style="width:1100px;height:400px;">
			<table id="sDesignGrid"></table>
		</div>
		</form>
	</div>
</div>

<!-- 顺序 -->
<div id="tOrderDlg" class="easyui-window" title="" closed="true" style="width:600px; height:auto;text-align:center; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="tOrderForm"  method="POST">
			<s:hidden name="orderDesignId" id="orderDesignId"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="orderTable">
				<tr>	
					<td class="queryTitle" width="80px">显示顺序</td>
					<td class="queryContent">
						<s:textfield id="tOrder" name="tOrder" cssClass="inputText easyui-validatebox" data-options="" onkeyup="value=value.replace(/[^\d]/gi,'')" cssStyle="width:250px"/>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="orderTBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doUpdTOrder()">设定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelUpdTOrder()">取消</a>
    </div>
</div>


<script type="text/javascript" src="${ctx }/js/qiniu/plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/plupload/i18n/zh_CN.js"></script>
<script type="text/javascript" src="${ctx}/js/tg/topicInfo.js"></script>
<script type="text/javascript" src="${ctx}/js/encrypt/encrypted-min.js"></script>
</body>
</html>
